<template>
  <div class="moneyManager" style="overflow-y: hidden;">
    <div class="m-header">
      <div>
        <supervisory />
      </div>
      <div>
        <monitor />
      </div>
    </div>
    <div class="m-header" style="margin-bottom: 10px;">
      <div>
        <aviso style="border: 1px solid rgba(221,221,221,0.2);height: 300px;" />
      </div>
      <div>
        <area-aviso style="border: 1px solid rgba(221,221,221,0.2);height: 300px;" />
      </div>
      <div>
        <time-aviso style="border: 1px solid rgba(221,221,221,0.2);height: 300px;" />
      </div>
    </div>
  </div>
</template>

<script>
import Supervisory from './components/supervisory'
import Monitor from './components/monitor'
import Aviso from './components/aviso'
import AreaAviso from './components/area'
import TimeAviso from './components/time'

export default {
  name: 'AutonymWork',
  components: {
    Supervisory,
    Monitor,
    AreaAviso,
    Aviso,
    TimeAviso
  },
  computed: {

  },
  watch: {

  },
  mounted() {}
}
</script>

<style lang="scss" scoped>
.moneyManager {
  .m-header{
    display: flex;
    margin: 21px 18px 0 18px;
    div{
        width:100%;
        background:rgba(37,38,47,1);
        margin-right: 15px;
      }
  }
}
</style>
